<!-- 定制开发请联系客服微信：csmszf -->
<template>
	<view>
		<view style="height: 44px;">
			<u-navbar title="消息">
				<view slot="left">
					<text class="iconfont iconfont-edit"></text>
				</view>
				<view slot="right">
					<text class="iconfont iconfont-add"></text>
				</view>
			</u-navbar>
		</view>
		<u-search style="margin-top: 10rpx;" :showAction="false" class="h-10 bg-white mt-2 p-1" placeholder="日照香炉生紫烟"></u-search>
		<view class="bg-white rounded-md mt-1">
			<u-list height="auto">
				<u-list-item>
					<u-cell title="接待员-菲菲" label="遇到一个不要车子,房子,存款...">
						<image slot="icon" src="../../../static/avatar.png" style="width: 70rpx; height: 70rpx;" />
						<view slot="right-icon" class="flex-col">
							<view class="flex justify-end justify-items-center">
								上午 08:20
							</view>
							<view class="flex justify-end justify-items-center mt-1">
								 <u-badge numberType="overflow"  :type="type" max="99" :value="value"></u-badge>
							</view>
						</view>
					</u-cell>
				</u-list-item>
				<u-list-item>
					<u-cell label="欢迎来到IM APP！">
						<view slot="title" class="flex justify-start justify-items-start">
							<text>系统号</text><text class="iconfont iconfont-system" style="width: 22px; height: 22px;"></text>
						</view>
						<image slot="icon" src="../../../static/avatar.png" style="width: 70rpx; height: 70rpx;" />
						<view slot="right-icon" class="flex-col">
							<view class="flex justify-end justify-items-center">
								16:20
							</view>
							<view class="flex justify-end justify-items-center mt-1">
								 <u-badge numberType="overflow"  :type="type" max="99" :value="value"></u-badge>
							</view>
						</view>
					</u-cell>
				</u-list-item>
			</u-list>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				type:"error",
				value:10
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
.text{
	height: 60rpx;
	background-color: blue;
}
</style>
